<ng-container *ngIf="product">
  <cx-picture
    [imageContainer]="mainImageContainer"
    imageFormat="zoom"
    (loaded)="loadHandler()"
  >
  </cx-picture>

  <ng-container *ngIf="product.images?.GALLERY.length > 1">
    <div class="thumbs">
      <cx-picture
        *ngFor="let image of product.images.GALLERY"
        [imageContainer]="image"
        imageFormat="thumbnail"
        (focus)="showImage($event, image)"
        tabindex="0"
        [class.active]="isMainImageContainer(image)"
      >
      </cx-picture>
    </div>
  </ng-container>
</ng-container>
